body.ares3 .nav-tabs.nav-primary>li {
    height: 40px;
    min-width: 74px;
    padding: 0 12px;
    margin-right: 4px
}

body.ares3 .nav-tabs.nav-primary>li>a {
    color: #1d222a !important;
    font-weight: normal !important;
    font-size: 13px;
    padding: 0;
    line-height: 32px;
    height: 28px
}

body.ares3 .nav-tabs.nav-primary>li>a:before {
    content: none !important
}

body.ares3 .nav-tabs.nav-primary>li>a i {
    display: none
}

body.ares3 .nav-tabs.nav-primary>li.active:before {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #00a6c9;
    position: absolute;
    bottom: 0;
    left: 0
}

body.ares3 .nav-tabs.nav-primary>li:not(.ares-command-plane):hover,
body.ares3 .nav-tabs.nav-primary>li:not(.ares-command-plane):hover a {
    background-color: #f3f2f2;
    color: #080707 !important;
    font-weight: normal !important;
    cursor: pointer
}

body.ares3 .nav-tabs.nav-primary>li.ares-command-plane {
    padding-top: 4px;
    margin-right: 0
}

body.ares3 .nav-tabs.nav-primary+div[ui-view] {
    margin-top: 8px !important;
    background: #fff;
    padding: 8px;
    height: calc(100% - 56px)
}

body.ares3 .ares3-page-wrapper {
    height: 100%
}

body.ares3 .ares3-page-wrapper div[ui-view] {
    padding: 8px
}

#ares3-sidebar .sidebar-top {
    margin: 0;
    padding:10px 0 10px 0;
    height: auto;
    text-align: center
}

#ares3-sidebar .sidebar-top img {
    /*width: 76px !important;*/
    height: 36px;
    border-radius: 100%;
    max-height:	none;
}

#ares3-sidebar .nav.nav-sidebar .nav-sidebar-item-new-badge:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 36px 0 0;
    border-color: #f7a51d transparent transparent transparent
}

#ares3-sidebar .nav.nav-sidebar .nav-sidebar-item-new-badge:after {
    content: '新';
    color: #fff;
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 13px
}

#ares3-sidebar .nav.nav-sidebar .nav-sidebar-subitem-new-badge:before {
    content: ' ';
    position: fixed;
    width: 0;
    height: 34px;
    border-style: solid;
    border-width: 34px 34px 0 0;
    border-color: #f7a51d transparent transparent transparent;
    left: 0;
    top: auto;
    line-height: 34px
}

#ares3-sidebar .nav.nav-sidebar .nav-sidebar-subitem-new-badge {
    padding: 0
}

#ares3-sidebar .nav.nav-sidebar .nav-sidebar-subitem-new-badge:after {
    content: '新';
    color: #fff;
    position: absolute;
    left: 3px;
    font-size: 10px
}

#ares3-sidebar .nav.nav-sidebar .nav-sidebar-item-corner-badge-img {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    left: 0
}

#ares3-sidebar .sidebar .sidebar-inner .nav-sidebar .children>li.active div {
    color: #fff !important;
    background-color: #00a8cb;
    color: #fff !important
}

#ares3-sidebar .sidebar .sidebar-inner .nav-sidebar .children>li:not(.active) a:hover {
    background-color: #2e4050;
    color: #fff !important
}

#ares3-sidebar .sidebar-sub,
#ares3-sidebar .sidebar-sub-pop {
    position: fixed;
    left: 80px;
    top: 0;
    height: 100vh;
    width: 120px;
    background-color: #fff;
    z-index: 2000;
    box-shadow: inset -1px 0 #eee
}

#ares3-sidebar .sidebar-sub-pop {
    z-index: 2001
}

#ares3-sidebar .sidebar-sub-pop.ng-enter,
#ares3-sidebar .sidebar-sub-pop.ng-leave {
    -webkit-transition: opacity ease-in-out .3s;
    -moz-transition: opacity ease-in-out .3s;
    -ms-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s
}

#ares3-sidebar .sidebar-sub-pop.ng-enter,
#ares3-sidebar .sidebar-sub-pop.ng-leave.ng-leave-active {
    opacity: 0
}

#ares3-sidebar .sidebar-sub-pop.ng-leave,
#ares3-sidebar .sidebar-sub-pop.ng-enter.ng-enter-active {
    opacity: 1
}

#ares3-sidebar ul.sidebar-sub-ul {
    padding-top: 4px
}

#ares3-sidebar li.sidebar-sub-li {
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    cursor: pointer;
    position: relative;
    user-select: none;
    margin-bottom: 10px;
    text-align: left;
    color: #080707
}

#ares3-sidebar li.sidebar-sub-li i {
    float: none;
    margin-right: 0;
    padding-top: 0;
    text-align: center
}

#ares3-sidebar li.sidebar-sub-li.has-children {
    height: auto
}

#ares3-sidebar ul.sidebar-sub-sub-ul {
    margin-top: 10px
}

#ares3-sidebar li.sidebar-sub-li i {
    position: absolute;
    left: 7px;
    font-size: 12px
}

#ares3-sidebar li.sidebar-sub-li a {
    color: #080707;
    font-size: 13px;
    margin-left: 16px
}

#ares3-sidebar li:not(.has-children):hover:before {
    content: '';
    background-color: #f3f2f2;
    width: 104px;
    height: 36px;
    position: absolute;
    left: 8px;
    z-index: -1;
    border-radius: 4px
}

#ares3-sidebar li.sidebar-sub-li.active:not(.has-children):before {
    content: '';
    background-color: #f3f2f2;
    width: 104px;
    height: 36px;
    position: absolute;
    left: 8px;
    z-index: -1;
    border-radius: 4px
}

#ares3-sidebar li.sidebar-sub-sub-li {
    margin-bottom: 10px
}

#ares3-sidebar li.sidebar-sub-sub-li a {
    margin-left: 22px
}

#ares3-sidebar li.sidebar-sub-sub-li:last-child {
    margin-bottom: 0
}

#ares3-sidebar li.sidebar-sub-sub-li.active:before {
    content: '';
    background-color: #f3f2f2;
    width: 104px;
    height: 36px;
    position: absolute;
    right: 8px;
    z-index: -1;
    border-radius: 4px
}

#ares3-sidebar .sidebar-sub-label-hide {
    position: fixed;
    left: 188px;
    bottom: 0;
    border-right: 12px solid #dddbda;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 66px;
    cursor: pointer;
    z-index: 10000
}

#ares3-sidebar .sidebar-sub-label-hide:after {
    content: '';
    font-family: "iconfont";
    color: #fff;
    position: absolute;
    right: -12px;
    top: 14px;
    font-size: 12px
}

#ares3-sidebar .sidebar-sub-label-show {
    position: fixed;
    left: 80px;
    bottom: 0;
    border-left: 12px solid #dddbda;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 66px;
    cursor: pointer
}

#ares3-sidebar .sidebar-sub-label-show:after {
    content: '';
    font-family: "iconfont";
    color: #fff;
    position: absolute;
    left: -12px;
    top: 15px;
    font-size: 12px
}

#ares3-sidebar .sidebar-sub-label-show .tooltip {
    width: 170px;
    top: 12px !important
}

#ares3-sidebar,
#ares3-sidebar .sidebar-inner {
    background-color: #23292a;
    background-color: rgb(0,150,157)
}

#ares3-sidebar .nav-sidebar>li {
    border: 0;
    height: 66px;
    margin-bottom: 0 !important;
    border-top:1px solid rgb(23,122,128);
    /*height: 76px;*/
}
#ares3-sidebar .nav-sidebar>li:last-child{
	border-bottom:1px solid rgb(23,122,128) !important;
}

#ares3-sidebar .nav-sidebar>li>a {
    background-color: #23292a;
    color: #fff;
    height: 100%;
    /*padding: 5px 0;*/
    background-color: rgb(0,150,157)
}

#ares3-sidebar .nav-sidebar>li>a>span {
    font-size: 13px
}

#ares3-sidebar .nav-sidebar>li>a:hover {
    background-color: #4f5354 !important;
    color: #fff !important;
    background-color: rgb(31, 166, 173) !important;
}

#ares3-sidebar .nav-sidebar>li.hovering>a {
    background-color: #4f5354 !important;
    color: #c3c8cc !important
}

#ares3-sidebar .nav-sidebar>li.nav-active>a {
    background-color: #00a6c9 !important;
    color: #fff !important;
    height: 100%;
    background-color: rgb(23,122,128) !important;
}

#ares3-sidebar .sidebar .sidebar-inner .nav-sidebar {
    margin-bottom: 32px
}

.ares3-side-bar-bottom__search-container {
    position: fixed;
    bottom: 0;
    z-index: 99999
}

#ares3-sidebar .nav-sidebar>li>a {
    border: 0 !important
}

#ares3-sidebar .sidebar-current-menu {
    height: 50px;
    line-height: 50px;
    padding-left: 12px;
    border-bottom: 1px solid #e4e5e7;
    font-size: 16px;
    color: #1d222a
}

#ares3-sidebar {
    z-index: 1000
}

.ares3-side-bar-search-container {
    position: relative;
    height: 36px
}

.ares3-side-bar-search-box {
    height: 32px;
    position: relative;
    top: 4px;
    transition: all .3s
}

.ares3-side-bar-search-box.shrink {
    width: 80px;
    background-color: #393e3f
}

.ares3-side-bar-search-box.stretch {
    width: 200px;
    background-color: #fff
}

.ares3-side-bar-search-box.stretch .ares3-side-bar-search__form-control {
    border-color: #e4e5e7
}

.ares3-side-bar-search-box.stretch .ares3-side-bar-search__form-control input {
    padding-right: 8px
}

.ares3-side-bar-search__form-control {
    width: 100%;
    height: 32px;
    border: 1px solid transparent;
    position: relative;
    left: 0;
    top: 0;
    font-size: 13px;
    display: flex
}

.ares3-side-bar-search__form-control i.icon-sousuo {
    font-size: 14px;
    padding-left: 6px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center
}

.ares3-side-bar-search__form-control input {
    display: block;
    width: 100%;
    font-size: 13px;
    border: none;
    outline: none;
    padding-left: 2px;
    background-color: transparent
}

.ares3-side-bar-search__list {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(228, 229, 231, 1);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .16);
    border-radius: 4px;
    padding: 4px 0
}

.ares3-side-bar-search__list-scroll {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    position: relative
}

.ares3-side-bar-search__list .ares3-side-bar-search__item {
    width: 100%;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #1d222a
}

.ares3-side-bar-search__list .ares3-side-bar-search__item>span {
    color: #00a6c9
}

.ares3-side-bar-search__list .ares3-side-bar-search__item:hover {
    background-color: #f5f6f7
}

#ares3-top-bar {
    height: 50px;
    background: #fff;
    box-shadow: 1px 0 0 0 #eee;
    display: flex;
    align-items: center;
    padding: 0 16px
}

#ares3-top-bar .header-left {
    display: flex;
    flex: 1
}

#ares3-top-bar .header-left .office-name {
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    color: #1d222a
}

#ares3-top-bar .header-left .enterprise {
    display: inline-flex;
    min-width: 56px;
    font-size: 14px;
    font-weight: 600;
    color: #00a6c9;
    align-items: center
}

#ares3-top-bar .header-left .enterprise i {
    padding-right: 4px
}

#ares3-top-bar .header-left .divider {
    display: inline-flex;
    margin: 0 8px;
    color: #1d222a;
    align-items: center
}

#ares3-top-bar .header-middle {
    display: flex;
    align-items: center;
    flex: 1
}

#ares3-top-bar .header-middle .patient-search {
    position: relative
}

#ares3-top-bar .header-middle .patient-search .global-search-box {
    width: 268px;
    height: 32px
}

#ares3-top-bar .header-middle .patient-search .icon-sousuo {
    position: absolute;
    z-index: 999;
    right: 238px;
    top: 10px;
    color: #c3c8cc
}

#ares3-top-bar .header-middle .patient-search #topClose {
    color: #c3c8cc;
    font-size: 12px
}

#ares3-top-bar .header-middle .patient-search .searchTerm {
    color: #1d222a;
    border: 1px solid #e4e5e7;
    line-height: 18px;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-right: unset;
    box-shadow: none;
    transition: none
}

#ares3-top-bar .header-middle .patient-search .searchTerm::placeholder {
    color: #c3c8cc
}

#ares3-top-bar .header-middle .patient-search .input-group-addon {
    border-color: #e4e5e7;
    border-radius: unset;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    background-color: #fff
}

#ares3-top-bar .header-middle .patient-search .searchTerm:focus {
    border: 1px solid #00a6c9;
    border-right: unset;
    box-shadow: none
}

#ares3-top-bar .header-middle .patient-search .searchTerm:focus+.input-group-addon {
    border: 1px solid #00a6c9;
    border-left: unset;
    background-color: #fff
}

#ares3-top-bar .header-middle .patient-search .identity {
    position: absolute;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    top: 4px;
    right: 28px;
    color: #636a74;
    font-size: 12px
}

#ares3-top-bar .header-middle .patient-search .identity:hover {
    color: #00a6c9
}

#ares3-top-bar .header-middle .patient-search .identity i {
    padding-right: 4px
}

#ares3-top-bar .header-middle .patient-search .patient-search-list {
    margin-top: 8px
}

#ares3-top-bar .header-middle .ares3-btn {
    color: #00a6c9 !important;
    font-size: 13px;
    font-weight: 400;
    border-color: #e4e5e7 !important;
    width: 100px;
    height: 32px;
    background-color: #fff
}

#ares3-top-bar .header-middle .ares3-btn:hover {
    background-color: #f5f6f7
}

#ares3-top-bar .header-right {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#ares3-top-bar .header-right .system-nav {
    display: inline-flex;
    width: 64px;
    font-size: 12px;
    margin-right: 4px;
    padding-left: 4px
}

#ares3-top-bar .header-right .system-nav>a {
    color: #636a74;
    display: inline-flex;
    align-items: center
}

#ares3-top-bar .header-right ul {
    list-style-type: none
}

#ares3-top-bar .header-right .system-nav:hover {
    background-color: #f5f6f7;
    border-radius: 4px
}

#ares3-top-bar .header-right .system-nav .iconfont {
    font-size: 24px;
    padding-right: 4px
}

#ares3-top-bar .header-right ul #notifications-header {
    display: inline-flex;
    align-content: center;
    margin-left: 0;
    text-align: left
}

#ares3-top-bar .header-right ul #notifications-header .bell-wrapper:hover {
    background-color: #f5f6f7;
    border-radius: 4px
}

#ares3-top-bar .header-right ul #notifications-header .bell-wrapper {
    width: 64px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important
}

#ares3-top-bar .header-right ul #notifications-header .ares3-tongzhi {
    font-size: 12px;
    display: inline-flex;
    align-items: center
}

#ares3-top-bar .header-right ul #notifications-header .iconfont {
    font-size: 24px
}

#ares3-top-bar .header-right ul #notifications-header .badge {
    left: 55px !important;
    top: -40px !important;
    font-size: 10px !important;
    transform: scale(.8);
    border-radius: 7px;
    min-width: 16px;
    padding: 2px;
    font-weight: normal
}

#ares3-top-bar .header-right .user-header {
    display: inline-flex;
    margin-left: 32px
}

#ares3-top-bar .header-right .user-header .touxiang {
    background: #00a6c9;
    border-radius: 50%;
    display: inline-flex;
    width: 36px;
    height: 36px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px
}

#ares3-top-bar .header-right .user-header .touxiang:hover {
    background: #5ccbd7
}

#ares3-top-bar .header-right .user-header .dropdown-menu {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16);
    border: 1px solid rgba(228, 229, 231, 1);
    width: 296px;
    position: absolute;
    right: -10px;
    left: unset;
    margin-top: 10px !important;
    padding-top: 4px;
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 400
}

#ares3-top-bar .header-right .user-header .dropdown-menu .system-account a {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 8px 20px;
    height: auto
}

#ares3-top-bar .header-right .user-header .dropdown-menu .system-account i {
    vertical-align: middle;
    height: auto;
    padding-top: 4px
}

#ares3-top-bar .header-right .user-header .dropdown-menu li {
    margin-bottom: 4px
}

#ares3-top-bar .header-right .user-header .dropdown-menu li a {
    background: #fff !important;
    height: 32px;
    line-height: 32px;
    padding: 4px 24px;
    display: inline-flex;
    width: 100%;
    align-items: center;
    color: #2b2826;
    font-weight: 400
}

#ares3-top-bar .header-right .user-header .dropdown-menu li a:hover {
    background: #f3f2f2 !important;
    color: #2b2826 !important
}

#ares3-top-bar .header-right .user-header .dropdown-menu li a i {
    height: 16px;
    padding-right: 16px;
    font-size: 24px;
    color: #58585a;
    line-height: 18px
}

#ares3-top-bar .header-right .dropdown-menu:after {
    border-color: transparent transparent #fff transparent;
    border-width: 8px;
    border-style: solid;
    content: "";
    display: inline-block;
    position: absolute;
    right: 17px;
    top: -15px
}

#ares3-top-bar .header-right .dropdown-menu:before {
    border-color: transparent transparent #e4e5e7 transparent;
    border-width: 8px;
    border-style: solid;
    content: "";
    display: inline-block;
    position: absolute;
    right: 17px;
    top: -17px
}

#ares3-top-bar .header-right #main-conversation-weixin-count {
    position: absolute;
    right: -12px;
    top: -7px;
    min-width: 16px;
    border-radius: 7px;
    background: #f6222d;
    font-size: 10px;
    transform: scale(.8);
    cursor: pointer;
    padding: 2px;
    font-weight: normal
}

#ares3-top-bar .header-right #main-conversation-messageicon {
    position: relative
}

@charset "UTF-8";

body.ares3 .reportv2-set-container {
    margin-top: 0;
    background: #f9f9f9
}

body.ares3 .check-calendar-view {
    background: #fff;
    height: calc(100vh - 122px);
    padding: 10px
}

body.ares3 .report-menu-view {
    margin-top: 0;
    height: 40px;
    margin-bottom: 10px;
    width: 100%;
    background: #fff
}

body.ares3 .report-menu-view:after {
    width: 100%;
    height: 10px;
    background: #f9f9f9
}

body.ares3 .report-menu-view .report-menu-table .report-menu-td {
    height: 40px;
    margin-top: 0;
    margin-right: 4px
}

body.ares3 .report-menu-view .report-menu-table .report-menu-td:hover {
    background-color: #f3f2f2
}

body.ares3 .report-menu-view .report-menu-table .report-menu-item {
    border: none;
    height: 40px;
    line-height: 38px;
    min-width: 76px;
    padding: 0 12px;
    color: #1d222a
}

body.ares3 .report-menu-view .report-menu-table .report-menu-active {
    background-color: transparent !important;
    color: #1d222a !important;
    min-width: 76px;
    padding: 0 12px;
    position: relative
}

body.ares3 .report-menu-view .report-menu-table .report-menu-item:hover {
    background-color: inherit
}

body.ares3 .report-menu-view .report-menu-table .report-menu-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: #00a6c9
}

body.ares3 .report-content {
    height: calc(100vh - 116px);
    background: #fff;
    padding: 10px
}

body.ares3 .custom-made-report-set-container {
    margin-top: 0 !important;
    width: 100%;
    height: calc(100% - 10px)
}

inventory-product-browse-home-view .inventory-setting-plan-content {
    margin-top: 0 !important
}